<div class="panel panel-default">
	<div class="panel-heading">{{('crm.component.mycust.heading' | translate) || '客户信息'}}</div>
	<div class="panel-body">
		<p-dataTable #dt [value]="customers" [editable]="false" [rows]="10"
			[paginator]="true" [pageLinks]="3" [rowsPerPageOptions]="[5,10,20]"
			[resizableColumns]="true" reorderableColumns="true" [lazy]="true"
			[totalRecords]="totalRecords" (onLazyLoad)="loadLazy($event)">
		<p-column header="{{('crm.component.mycust.dt.index' | translate) || '序号'}}" [style]="{'width':'7%'}"> 
			<ng-template let-col let-c="rowData" let-ri="rowIndex" pTemplate="body"> <span>{{ri+1}}</span>
			</ng-template> 
		</p-column> 
		<p-column field="custName" header="{{('crm.component.mycust.dt.custName' | translate) || '客户名称'}}" [editable]="false"
			></p-column> 
		<p-column field="contactName" header="{{('crm.component.mycust.dt.contactName' | translate) || '联系人'}}" [editable]="false"></p-column>
		<p-column field="contactPhone" header="{{('crm.component.mycust.dt.contactPhone' | translate) || '联系电话'}}" [editable]="false"
			></p-column> 
		<p-column field="contactEmail" header="{{('crm.component.mycust.dt.contactEmail' | translate) || '联系邮箱'}}" [editable]="false"></p-column>
		<p-column field="companyCode" header="{{('crm.component.mycust.dt.companyCode' | translate) || '云平台客户ID'}}" *ngIf="user.checkUserFunction('JD_CHANNEL')"> 
			<ng-template let-c let-r="rowData" let-ri="rowIndex" pTemplate="body"> 
				<span>{{r[c.field]}}</span>
			</ng-template> 
		</p-column>
		<p-column header="{{('crm.component.mycust.dt.nodeInfo' | translate) || '节点信息'}}" styleClass="col-button"> 
	        <ng-template let-r="rowData" pTemplate="body">
	            <button type="button" pButton (click)="lookupNodeInfos(r)" icon="fa-search"></button>
	        </ng-template>
		</p-column>
		</p-dataTable>
	</div>
</div>
<div class="modal fade" bsModal #nodeModal="bs-modal" [config]="{backdrop: false}" tabindex="-1" role="dialog"
	aria-labelledby="mySmallModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-body">
				<ncloud-node #ncloudnode *ngIf="nodeInfos.length > 0" [(ngModel)]="nodeInfos"></ncloud-node>
			</div>
		</div>
	</div>
</div>